$().ready(function() {

    var adAdd = {
        next: $('.ad-next-btn'),
        prev: $('.ad-prev-btn'),
        init: function() {
            var self = this;
            //下一步
            this.next.on('click', function () {self.tab($(this),'next')});
            // 上一步
            this.prev.on('click', function () {self.tab($(this),'prev')});
            // 其他事件
            this.event();
        },
        event: function () {
            // 表单验证
            this.formValidate();
            // 初始化创意
            this.advertCyInit();
            // 新建广告提交
            this.addAdvertSubmit();
            // 编辑广告提交
            this.editAdvertSubmit();
            // 选择不同的广告计划,预算和出价需要跟着改变
            this.chooseAdvertMoneyChange();
            // 禁用填写了广告名称后的,按下回车键所出的bug,即禁用回车键
            this.keypressInputs();
            // 选择不同的投放时间方式
            this.chooseTfType();
            // 添加投放人群
            this.addTfPeople();
            // 定向人群的收起
            this.hideTf();
            // 删除定向人群
            this.delTfPeople();
            // 新建落地页
            this.addLandingPage();
            // 更新落地页
            this.updateLandingPage();
            // 选择广告创意弹窗
            this.chooseAdvertCyModal();
            // 打开新建广告创意
            this.addAdvertCy();
            // 关闭选择创意
            this.closeModalAdvertCy();
            // 提交创意
            this.submitAdvertCy();
        },
        // 初始化创意
        advertCyInit: function () {
            //初始化创意
            var datas= $("#creativesInputs").find("input[name='creativesId']").serialize();
            this.submitCreative(datas);
        },
        showMessage: function(message){
            bootbox.dialog({
                title: "提示",
                message:message,
                buttons: {
                    "success": {
                        "label": "<i class='icon-ok'></i> 确定",
                        "className": "btn-sm btn-primary",
                        "callback": function () {

                        }
                    }
                }
            })
        },
        // 表单验证
        formValidate: function () {
            // 验证表单不能为空最大长度20个字符
            $("#adGroupForm").bootstrapValidator({
                fields: {
                    title: {
                        validators: {
                            notEmpty:{
                                message:'请输入广告名称'
                            },
                            stringLength:{
                                max: 20,
                                message: '广告名称最长20个字符'
                            }
                        }
                    },
                    adOffer: {
                        validators: {
                            notEmpty:{
                                message:'请输入广告出价'
                            },
                            regexp: {
                                regexp: /^([1-9][\d]{0,7}|0)(\.[\d]{1,2})?$/,
                                message: '请输入正确的金额: 为整数或小数,最小到分'
                            }
                        }
                    }
                }
            });
        },
        // tab 切换
        tab: function (obj,type) {
            var self = this;
            // 获取顶部导航元素
            var parent = $(obj).closest('.top-nav-item');
            // 获取头部每个导航元素对应的ID
            var id = parent.data('id');
            // 点击下一步时
            if(type == 'next') {
                // 设定全局变量 来判断是否进行下一步
                var result = true;
                // 如果当前为步骤一
                if(1==id){
                    // 获取新建广告入口 并存入cookie
                    var advertIndexId = obj.attr('id');
                    if (advertIndexId) {
                        $.cookie("advertIndex",advertIndexId, { path: '/'});
                    }
                    $("#promote").val($(obj).attr('id'));
                // 如果步骤为2
                }else if(2==id){
                    // 获取验证表单的值
                    var bootstrapValidator = $("#adGroupForm").data('bootstrapValidator')
                        .validateField('title').disableSubmitButtons(false);
                    result = bootstrapValidator.isValid();
                    // 如果未验证成功直接跳出
                    if(!result){
                        return
                    }
                    // 获取计划类型
                    var frontCampaignType = $("input[name='frontCampaignType']:checked").val();
                    if(frontCampaignType==1){
                        $("#lowAdOffer").html($("#pcMinAdOffer").val());
                    }else if(frontCampaignType==2){
                        $("#lowAdOffer").html($("#mobileMinAdOffer").val());
                    }

                // 步骤为3的时候
                }else if(3==id){
                    var length = $('.target-item').length;
                    if(length > 0){
                        //循环定向人群的收起
                        for(var i=0;i<length;i++){
                            var dom = $('.target-item').eq(i).children(".target-item-content").find(".tf-menu-content");
                            var display = dom.css("display");
                            if("block"==display){
                                this.showMessage("请先保存所有的定向,然后再开始下一步!");
                                result = false;
                            }
                        }
                    }
                    //判断是否选择定向
                    if(length==0){
                        this.showMessage("请设置定向条件,然后再开始下一步!");
                        result = false;
                    }
                    // 如果投放方式选择为自定义时间，点击下一步的时候先去看看是否有内容
                    var adPutType = $("input[name='adPutType']:checked").val();
                    if(parseInt(adPutType)==2){
                        var adPutStartAt = $("input[name='adPutStartAt']").val();
                        var adPutEndAt = $("input[name='adPutEndAt']").val()
                        if(adPutStartAt==""||adPutEndAt==""){
                            this.showMessage("请选择广告投放起止时间,然后再开始下一步!");
                            result = false;
                        }
                    }
                // 步骤4
                }else if(4==id){
                    // 点击下一步时 看看是否有选择的广告创意 没有就提示
                    var content = $("#creativesInputs").html().trim();
                    if(content==""){
                        this.showMessage("请选择广告创意,然后再开始下一步!");
                        result = false;
                        return;
                    }
                    // 点击下一步时 看看是否有选择的落地页 没有就提示
                    var diyFormId = $("#diyFormId").val();
                    if(diyFormId==null||diyFormId==""){
                        this.showMessage("请选择落地页,然后再开始下一步!");
                        result = false;
                        return;
                    }
                    // 获取验证表单的值
                    var bootstrapValidator = $("#adGroupForm").data('bootstrapValidator')
                        .validateField('adOffer').disableSubmitButtons(false);
                    result = bootstrapValidator.isValid();

                    // 步骤5赋值
                    var frontCampaignType = $("input[name='frontCampaignType']:checked").val();
                    $("#type1").html("");
                    if(1==parseInt(frontCampaignType)){
                        $("#type1").append("<label>计划类型</label>PC端广告计划");
                    }else{
                        $("#type1").append("<label>计划类型</label>移动端广告计划");
                    }
                    $("#type2").html("");
                    $("#type2").append("<label>广告名称</label>"+$("input[name='title']").val());
                    $("#type3").html("");
                    if(1==parseInt($("#promote").val())){
                        $("#type3").append("<label>推广目标</label>"+"推广产品挖掘潜在客户");
                    }else if(2==parseInt($("#promote").val())){
                        $("#type3").append("<label>推广目标</label>"+"提高品牌知名度");
                    }else if(3==parseInt($("#promote").val())){
                        $("#type3").append("<label>推广目标</label>"+"提高企业竞争力");
                    }
                    $("#type5").html("");
                    $("#type5").append("<label>广告出价</label>"+$("#adOffer").val()+"元/CPC");
                    $("#type6").html("");
                    $("#type6").append("<label>落地页名称</label>"+$("#diyFormId option:selected").text());
                    var adPutType = $("input[name='adPutType']:enabled:checked").val();
                    $("#type7").html("");
                    if(parseInt(adPutType)==1){
                        $("#type7").append("<label>投放时间</label>从开始一直投放");
                    }else{
                        var adPutStartAt = $("input[name='adPutStartAt']").val();
                        var adPutEndAt = $("input[name='adPutEndAt']").val()
                        $("#type7").append("<label>投放时间</label>"+adPutStartAt+"至"+adPutEndAt);
                    }
                    var length = $(".show-result ul li").length;
                    if(parseInt(length)-7>0){
                        for(var i=0;i<parseInt(length)-7;i++){
                            $(".show-result ul li").eq(7).remove();
                        }
                    }
                    var allLength = $('.target-item').length;
                    //循环获取定向人群
                    for(var i=0;i<allLength;i++){
                        var dom = $('.target-item').eq(i).find(".need-text").length;
                        var s = "";
                        if(dom==1&&$('.target-item').eq(i).find(".need-text").eq(0).text().trim()==""){
                            $(".show-result ul").append("<li><label>投放人群"+(i+1)+"</label>不限</li>")
                        }else{
                            for(var j=0;j<dom;j++){
                                var text = $('.target-item').eq(i).find(".need-text").eq(j).text().trim();
                                if(text.indexOf("自定义")==0){
                                    text = text.substring(4);
                                }
                                if(j==dom-1){
                                    s=s+text;
                                }else{
                                    s=s+text+",";
                                }
                            }
                            $(".show-result ul").append("<li><label>投放人群"+(i+1)+"</label>"+s+"</li>")
                        }
                    }
                }
                if(!result){
                    return;
                }
            }
            // 改变导航的状态
            $('.top-nav-item').addClass('hide');
            $('.ad-top-nav ul li').removeClass('active bg');
            // 根据状态判断操作
            if (type == 'next') {
                var main = $('.top-nav-main'+(id+1)+'');
                $('.ad-top-nav ul li').eq(id-1).addClass('bg');
                $('.ad-top-nav ul li').eq(id).addClass('active');
            }
            if (type == 'prev') {
                self.getCookie();
                var main = $('.top-nav-main'+(id-1)+'');
                $('.ad-top-nav ul li').eq(id-3).addClass('bg');
                $('.ad-top-nav ul li').eq(id-2).addClass('active');
                if ((id=1) == 1) {
                    var len = $('.ad-top-nav ul li').length -1;
                    $('.ad-top-nav ul li').eq(len).removeClass('bg');
                }
            }
            if ($(main).length == 1) {
                main.removeClass('hide');
            } else {
                return false;
            }
        },
        // 获取cookie
        getCookie: function () {
            $('.top-nav-main1 li').removeClass('active');
            // 获取推广目的cookie
            var advertIndexId = $.cookie("advertIndex");

            if (advertIndexId) {
                $('#'+ advertIndexId).addClass('active');
            }
        },
        // 新建广告提交
        addAdvertSubmit: function () {
            $("#formSubmit").click(function(){
                $(this).attr("disabled","disabled");
                var datas = $("#adGroupForm").serialize();
                $.ajax({
                    url: "/ads/add",
                    type: "POST",
                    dataType: "json",
                    data: datas,
                    cache: false,
                    success: function (data) {
                        showMsg("success","广告新建成功!");
                        window.location.href = "/ads/list";
                    }
                })
            });
        },
        // 编辑广告提交
        editAdvertSubmit: function () {
            $("#submitAdGroup").click(function(){
                $(this).attr("disabled","disabled");
                var datas = $("#adGroupForm").serialize();
                var id = $("#frontAdGroupId").val();
                $.ajax({
                    url: "/ads/edit/" + id,
                    type: "POST",
                    dataType: "json",
                    data: datas,
                    cache: false,
                    success: function (data) {
                        showMsg("success", "广告编辑成功!");
                        window.location.href = "/ads/list";
                    }
                })
            });            
        },
        // 选择不同的广告计划,预算和出价需要跟着改变
        chooseAdvertMoneyChange: function () {
            $("input[name='frontCampaignType']").click(function(){
                var type = parseInt($(this).val());
                //PC
                if(1==type){
                    var pcDayBudget = parseFloat($("#pcDayBudget").val());
                    var pcAdOffer = parseFloat($("#pcAdOffer").val());
                    //日预算
                    if(0==pcDayBudget){
                        $("#dayBudget").html("不限");
                    }else{
                        $("#dayBudget").html(pcDayBudget);
                    }
                    //广告出价
                    if(0==pcAdOffer){
                        $("#adOffer").html("不限");
                    }else{
                        $("#adOffer").html(pcAdOffer);
                    }
                }else{
                    var mobileDayBudget = parseFloat($("#mobileDayBudget").val());
                    var mobileAdOffer = parseFloat($("#mobileAdOffer").val());
                    //日预算
                    if(0==mobileDayBudget){
                        $("#dayBudget").html("不限");
                    }else{
                        $("#dayBudget").html(mobileDayBudget);
                    }
                    //广告出价
                    if(0==mobileAdOffer){
                        $("#adOffer").html("不限");
                    }else{
                        $("#adOffer").html(mobileAdOffer);
                    }
                }
                $("#creativesInputs").html("");
                $(".cy-creative").html("");
            });   
        },
        //禁用填写了广告名称后的,按下回车键所出的bug,即禁用回车键
        keypressInputs: function () {
            $("#title").keypress(function(){
                if (event.keyCode == 13) {//判断是否为回车键，Event是window对象的一个属性，是全局的。
                    return false;
                }
            });  
        },
        //选择不同的投放时间方式
        chooseTfType: function () {
            $("input[name='adPutType']").click(function(){
                var type = parseInt($(this).val());
                // 如果是从开始一直投放则隐藏自定义投放方式
                if(1==type){
                    $("#timeSelect").css("display","none");
                    $("#start").val("");
                    $("#end").val("");
                }else{
                    $("#timeSelect").css("display","block");
                }
            });   
        },
        //添加投放人群
        addTfPeople: function () {
            var self = this;
            $("#addTarget").click(function(){
                $(this).attr("disabled","true");
                var length = $('.target-item').length;
                // 只能添加5个定向
                if (length <= 4) {
                    if(length > 0){
                        //循环定向人群的收起
                        for(var i=0;i<length;i++){
                            var dom = $('.target-item').eq(i).children(".target-item-content").find(".tf-menu-content");
                            var display = dom.css("display");
                            // 如果添加的投放没有保存则提示
                            if("block"==display){
                                self.showMessage("请先保存定向,然后再次添加!");
                                $("#addTarget").removeAttr("disabled");
                                return false;
                            }
                        }
                    }
                    // 获取定向的Html
                    self.getAddTarget();
                    $("#addTarget").removeAttr("disabled");
                } else {
                    // 超过五个定向则不能添加
                    self.showMessage("只能添加5个定向!");
                    $("#addTarget").removeAttr("disabled");
                    return false;
                }
            });
        },
        // 获取定向的html
        getAddTarget: function () {
            $.ajax({
                url:"/common/target",
                type: "GET",
                dataType: "html",
                cache: false,
                success: function(target) {
                    $("#target").append(target);
                    var length = $('.target-item').length;
                    for(var i=0;i<length;i++){
                        $('.target-item').eq(i).find(".tf-menu-title").html("投放人群"+(i+1));
                    }
                    $("#addTarget").removeAttr("disabled");

                }
            });     
        },
        //定向人群的收起
        hideTf: function () {
            var self = this;
            $('body').on("click", '.shrink-btn',function(){
                // 顶层父级
                var dom = $(this).closest(".target-item-content").find(".tf-menu-content");
                //
                var doms = $(this).closest(".target-item-content").find(".show-panel-body");

                // 收起
                if (dom.css('display') == 'block') {
                    // 自定义下面内容不选  不可以提交
                    var results = true;
                    $(this).closest('.target-item').find(".tf-menu-content .form-group").each(function(){
                        var result = $(this).children("div").children("label").children("input:enabled:checked").val();
                        if(result=="自定义"){
                            if($(this).find("input:enabled:checked").length==1){
                                results = false;
                            }
                        }
                    });
                    if(!results){
                        self.showMessage("请先选择自定义的条件选项!");
                        return false;
                    }

                    var contentList = $(this).closest('.target-item').find('.content-list li');
                    // 获取投放最终地区
                    var str = '';
                    for(var i = 0; i < contentList.length; i++) {
                        var id  = $(contentList[i]).attr('id');
                        if (i == (contentList.length-1)) {
                            str+='adTargetMarketArea='+id;
                        } else {
                            str+='adTargetMarketArea='+id+'&';
                        }
                    }
                    // 获取投放类型
                    var type = $(this).closest('.target-item').find("input[name='adTargetMarketType']:enabled:checked").val();
                    if(2==parseInt(type)& str == ""){
                        self.showMessage("请先选择投放区域!");
                        return false;
                    }else{
                        doms.css('display','block');
                        // 保存
                        self.saveData($(this),str);
                    }
                }
                // 展开
                else {
                    var length = $('.target-item').length;
                    if(length > 0){
                        //循环定向人群的收起
                        for(var i=0;i<length;i++){
                            var dom = $('.target-item').eq(i).children(".target-item-content").find(".tf-menu-content");
                            var display = dom.css("display");
                            if("block"==display){
                                self.showMessage("请先保存其他定向,然后再次修改该定向!");
                                return false;
                            }
                        }
                    }
                    dom.css('display','block');
                    doms.css('display','none');
                    $(this).html("保存");
                    var id = $(this).closest(".target-item").find("input[name='adTargetId']").val();
                    self.addTargetDetail($(this), id);
                }
            });
        },
        // 获取定向详细页面
        addTargetDetail: function (e,id) {
            $.ajax({
                url:"/common/target_detail/"+id,
                type: "GET",
                dataType: "html",
                cache: false,
                success: function(target) {
                    $(e).closest('.target-item-content').append(target);
                }
            });
        },
        // 保存定向人群
        saveData: function (obj,str) {
            var self = this;
            var parent = obj.closest('.target-item');
            var check = parent.find("#area input:enabled:checked");
            parent.find(".tf-menu-content").remove();
            self.saveTarget(check.serialize()+"&"+str,parent.find(".shrink-btn"));
            parent.find(".shrink-btn").html("修改");
        },
        // 删除定向人群
        delTfPeople: function () {
            var self = this;
            $('body').on("click", '.deleteTarget-btn',function(){
                var id = $(this).closest(".target-item").find("input[name='adTargetId']").val();
                if(id==""){
                    $(this).closest(".target-item").remove();
                }else{
                    self.deleteTarget(id,$(this));
                }
            });  
        },
        // 删除定向 ajax
        deleteTarget: function (id,e) {
            var self = this;
            $.ajax({
                url:"/common/target/delete/"+id,
                type: "POST",
                dataType: "json",
                cache: false,
                success: function(result) {
                    if("success"==result){
                        $(e).closest(".target-item").remove();
                        var length = $('.target-item').length;
                        for(var i=0;i<length;i++){
                            $('.target-item').eq(i).find(".tf-menu-title").html("投放人群"+(i+1));
                        }
                        self.showMessage("定向删除成功!");
                    }
                }
            });
        },
        // 获取投放选择详情  并把选择的结果放入自定义模板中
        saveTarget: function (data,e) {
            var self = this;
            var adTargetId = $(e).closest(".target-item").find("input[name='adTargetId']").val();
            var frontAdGroupId = $("#frontAdGroupId").val();
            $.ajax({
                url:"/common/target",
                type: "POST",
                data:data+"&adTargetId="+adTargetId+"&frontAdGroupId="+frontAdGroupId,
                dataType: "json",
                cache: false,
                success: function(target) {
                    $(e).closest(".target-item").find("input[name='adTargetId']").val(target.id);
                    $(e).parent().parent().next("div").html("");
                    var count=0
                    //投放区域
                    if(2==target.adTargetMarketType){
                        count++;
                        self.appendDiv(e,"投放区域",target.adTargetMarketArea);
                    }
                    //性别
                    if("不限"!=target.adTargetGender){
                        count++;
                        self.appendDiv(e,"性别",target.adTargetGender);
                    }
                    //年龄
                    if("不限"!=target.adTargetAge){
                        count++;
                        self.appendDiv(e,"年龄",target.adTargetAge.substring(4));
                    }
                    //婚姻状况
                    if("不限"!=target.adTargetMarriage){
                        count++;
                        self.appendDiv(e,"婚姻状况",target.adTargetMarriage.substring(4));
                    }
                    //商业兴趣
                    if("不限"!=target.adTargetBusinessInterest){
                        count++;
                        self.appendDiv(e,"商业兴趣",target.adTargetBusinessInterest.substring(4));
                    }
                    //气温指数
                    if("不限"!=target.adTargetTempeture){
                        count++;
                        self.appendDiv(e,"气温指数",target.adTargetTempeture.substring(4));
                    }
                    //湿度指数
                    if("不限"!=target.adTargetHumidity){
                        count++;
                        self.appendDiv(e,"湿度指数",target.adTargetHumidity.substring(4));
                    }
                    //紫外线指数
                    if("不限"!=target.adTargetRay){
                        count++;
                        self.appendDiv(e,"紫外线指数",target.adTargetRay.substring(4));
                    }
                    //天气气象
                    if("不限"!=target.adTargetWeather){
                        count++;
                        self.appendDiv(e,"天气气象",target.adTargetWeather.substring(4));
                    }
                    //设备价格定向
                    if("不限"!=target.adTargetDevicePrice){
                        count++;
                        self.appendDiv(e,"设备价格定向",target.adTargetDevicePrice.substring(4));
                    }
                    //操作系统定向
                    if("不限"!=target.adTargetOs){
                        count++;
                        self.appendDiv(e,"操作系统定向",target.adTargetOs.substring(4));
                    }
                    if(0==count){
                        self.appendDiv(e,"不限","");
                    }
                }
            });
        },
        // 新增定向结果展示模板
        appendDiv: function (e,name,value) {
            $(e).parent().parent().next("div").append(
                "<div class='form-group'>"+
                "<label class='col-sm-3 control-label'>"+name+"</label>"+
                "<div class='col-sm-6'>"+
                "<label class='radio-inline radio-inline-tf need-text'>"+value+"</label>"+
                "</div>"+
                "</div>"
            )
        },
        // 新建落地页
        addLandingPage: function () {
            $('#addLaningPage').on('click', function () {
                $.ajax({
                    url: "/ajax/get/landing_pages/add",
                    type:"GET",
                    dataType: 'HTML',
                    success: function (data) {
                        $("#addModal").html(data);
                        $("#addModal").modal("show");
                    }
                });
            })
        },
        // 更新落地页
        updateLandingPage: function () {
            $('#landingPageUpdate').on('click', function () {
                $.ajax({
                    url: "/forms/list/landing_page/ajax",
                    type: "GET",
                    dataType: "json",
                    success: function(data) {
                        $("#diyFormId").html("");
                        for(var i=0;i<data.length;i++){
                            $("#diyFormId").append("<option value='"+data[i].id+"'>"+data[i].name+"</option>");
                        }
                    }
                });
            });
        },
        // 选择广告创意弹窗
        chooseAdvertCyModal: function () {
            $("#creativesButton").click(function(){
                $("#creativesList").html("");
                var frontCampaignType = $("input[name='frontCampaignType']:checked").val();
                $.ajax({
                    url: "/ajax/front_creatives/select/"+frontCampaignType,
                    type: "GET",
                    dataType: "html",
                    cache: false,
                    success: function(crreatives) {
                        $("#creativesList").html(crreatives);
                        $("#creatives").modal("show");
                    }
                });
            });    
        },
        // 打开新建广告创意
        addAdvertCy: function () {
            $("#newCreativesButton").click(function () {
                var frontCampaignType = $("input[name='frontCampaignType']:checked").val();
                //显示弹窗
                $.ajax({
                    url: "/ajax/front_creatives/add/"+frontCampaignType,
                    type: "GET",
                    dataType: 'HTML',
                    success: function (data) {
                        $("#newCreatives").html(data);
                        $("#newCreatives").modal("show");
                    }
                });
            });
        },
        // 关闭选择创意
        closeModalAdvertCy: function () {
            $('body').on("click", '.close-creative',function(){
                $("#creativesList").find(".b-success").each(function(i, item){
                    var cid = $(this).find("input[type='hidden']").eq(0).val();
                    // 移除input的标签
                    $("#id-" + cid).remove();
                })
                $(".tops").find(".gd-width-slide").each(function(i, item){
                    var cid = $(this).find("input[type='hidden']").eq(0).val();
                    var input = "<input id='id-" + cid + "' name='creativesId'  type='hidden' value='" + cid + "'/>";
                    //添加创意
                    $("#creativesInputs").append(input);
                })
                $("#creatives").modal("hide");
            });
        },
        // 提交创意
        submitAdvertCy: function () {
            var self = this;
            $('body').on("click", '.submit-creative',function(){
                var datas= $("#creativesInputs").find("input[name='creativesId']").serialize();
                $("#creatives").modal("hide");
                self.submitCreative(datas);
            });   
        },
        // 提交创意 ajax
        submitCreative: function (datas) {
            $.ajax({
                url: "/ajax/get/front_creatives",
                type: "GET",
                data: datas,
                dataType: "json",
                cache: false,
                success: function (data) {
                    $('.cy-creative').html("");
                    $('#last').html("");
                    var length = data.length;
                    var t = simpleTpl();
                    if(length>0){
                        for(var i=0;i<length;i++){
                            // 根据创意类型判断渲染模板
                            if(data[i].type==1){
                                if (data[i].bannerPath2 == "" && data[i].bannerPath3 == "") {
                                    var imgList = '<div class="cy-img-list one"><a href="javascript:;"><img src="'+data[i].bannerShowPath1+'"></a></div>'
                                } else {
                                    var imgList = '<div class="cy-img-list three"><a href="javascript:;"><img src="'+data[i].bannerShowPath1+'"></a><a href="javascript:;"><img src="'+data[i].bannerShowPath2+'"></a><a href="javascript:;"><img src="'+data[i].bannerShowPath3+'"></a></div>'
                                }
                                t._('<div class="col-sm-4 gd-width-slide">')
                                t._('<div class="cy-item col-sm-12">')
                                t._('<div class="panel b-a cy-materials-item" name="creativeSelect">')
                                t._('<input type="hidden" value="'+data[i].id+'"/>')
                                t._('<div class="panel-heading bg text-lt">')
                                t._('<span>'+data[i].creativeName+'</span>')
                                t._('</div>')
                                t._('<div class="content">')
                                t._('<div class="sb">')
                                t._('<img src="'+data[i].trademarkShowPath+'" class="sb-icon">')
                                t._('<span class="sb-name">'+data[i].trademarkName+'</span>')
                                t._('</div>')
                                t._('<p class="cy-txt">'+data[i].creativeCopywriter+'</p>')
                                t._(imgList)
                                t._('</div>')
                                t._('</div>')
                                t._('</div>')
                                t._('</div>')
                            }
                            if (data[i].type == 2) {
                                t._('<div class="col-sm-4 gd-width-slide">')
                                t._('<div class="cy-item col-sm-12">')
                                t._('<div class="panel b-a cy-materials-item" name="creativeSelect">')
                                t._('<input type="hidden" value="'+data[i].id+'"/>')
                                t._('<div class="panel-heading bg text-lt">')
                                t._('<span>'+data[i].creativeName+'</span>')
                                t._('</div>')
                                t._('<div class="content">')
                                t._('<p class="cy-txt mt">'+data[i].creativeCopywriter+'</p>')
                                t._('<div class="cy-img-list one mt">')
                                t._('<a href="javascript:;"><img src="'+data[i].bannerShowPath1+'"></a>')
                                t._('</div>')
                                t._('</div>')
                                t._('</div>')
                                t._('</div>')
                                t._('</div>')
                            }
                            if (data[i].type == 3) {
                                t._('<div class="col-sm-4 gd-width-slide">')
                                t._('<div class="cy-item col-sm-12">')
                                t._('<div class="panel b-a cy-materials-item" name="creativeSelect">')
                                t._('<input type="hidden" value="'+data[i].id+'"/>')
                                t._('<div class="panel-heading bg text-lt">')
                                t._('<span>'+data[i].creativeName+'</span>')
                                t._('</div>')
                                t._('<div class="content">')
                                t._('<div class="sb no-lineHeight">')
                                t._('<img src="'+data[i].shareShowPath+'" class="sb-icon">')
                                t._('<div class="sb-name-container have-desc-sbName">')
                                t._('<p class="sb-name">'+data[i].shareTitle+'</p>')
                                t._('<p class="sb-desc">'+data[i].shareDescribe+'</p>')
                                t._('</div>')
                                t._('</div>')
                                t._('<p class="cy-txt">'+data[i].creativeCopywriter+'</p>')
                                t._('<div class="cy-img-list one">')
                                t._('<a href="javascript:;"><img src="'+data[i].bannerShowPath1+'"></a>')
                                t._('</div>')
                                t._('</div>')
                                t._('</div>')
                                t._('</div>')
                                t._('</div>')
                            }
                            if (data[i].type == 4) {
                                t._('<div class="col-sm-4 gd-width-slide">')
                                t._('<div class="cy-item col-sm-12">')
                                t._('<div class="panel b-a cy-materials-item" name="creativeSelect">')
                                t._('<input type="hidden" value="'+data[i].id+'"/>')
                                t._('<div class="panel-heading bg text-lt">')
                                t._('<span>'+data[i].creativeName+'</span>')
                                t._('</div>')
                                t._('<div class="content">')
                                t._('<div class="cy-img-list one mt">')
                                t._('<a href="javascript:;"><img src="'+data[i].bannerShowPath1+'"></a>')
                                t._('</div>')
                                t._('</div>')
                                t._('</div>')
                                t._('</div>')
                                t._('</div>')
                            }
                            if (data[i].type == 5) {
                                if (data[i].bannerPath2 == "" && data[i].bannerPath3 == "") {
                                    var imgList = '<div class="cy-img-list one"><a href="javascript:;"><img src="'+data[i].bannerShowPath1+'"></a></div>'
                                } else {
                                    var imgList = '<div class="cy-img-list three"><a href="javascript:;"><img src="'+data[i].bannerShowPath1+'"></a><a href="javascript:;"><img src="'+data[i].bannerShowPath2+'"></a><a href="javascript:;"><img src="'+data[i].bannerShowPath3+'"></a></div>'
                                }
                                t._('<div class="swiper-slide col-sm-4 gd-width-slide">')
                                t._('<div class="cy-item col-sm-12">')
                                t._('<div class="panel b-a cy-materials-item" name="creativeSelect">')
                                t._('<input type="hidden" value="'+data[i].id+'"/>')
                                t._('<div class="panel-heading bg text-lt">')
                                t._('<span>'+data[i].creativeName+'</span>')
                                t._('</div>')
                                t._('<div class="content">')
                                t._('<div class="sb">')
                                t._('<span class="sb-name">'+data[i].trademarkName+'</span>')
                                t._('</div>')
                                t._('<p class="cy-txt">'+data[i].creativeCopywriter+'</p>')
                                t._(imgList)
                                t._('</div>')
                                t._('</div>')
                                t._('</div>')
                                t._('</div>')
                            }
                        }
                        $('.cy-creative').append(t.toString());
                    }
                }
            });
        },
        // 广告和预算弹窗
        setDayBudgetAndAdOffer: function (type,dayBudget,adOffer) {
            var frontCampaignType = $("input[name='frontCampaignType']:checked").val();
            var offerMessage = "";
            if(1==parseInt(frontCampaignType)){
                offerMessage = $("#pcOfferMessage").val();
            }else{
                offerMessage = $("#mobileOfferMessage").val();
            }
            var pcMinAdOffer = parseFloat($("#pcMinAdOffer").val());
            var mobileMinAdOffer = parseFloat($("#mobileMinAdOffer").val());
            // 修改出价  new
            bootbox.dialog({
                title: "设置计划日预算和出价!",
                message: "<div class='well ' style='margin-top:25px;'>" +
                "<form id='forms' class='form-horizontal' role='form'>" +
                "<div class='form-group'>" +
                "<label class='col-sm-12 no-padding-right' for='txtOldPwd' style='padding-top: 7px;margin-bottom: 0;text-align: left;'>当前预算: " +
                "<span class='control-span'>" + dayBudget + " </span>" +
                "</label>" +
                "<div class='col-sm-12'>" +
                "<div class='space-4'></div>" +
                "<div class='form-group'>" +
                "<label class='col-sm-2 no-padding-right' for='txtNewPwd1' style='padding-top: 7px;margin-bottom: 0;text-align: left;'>修改预算: </label>" +
                "<div class='col-sm-6 remark-input'>" +
                "<input  id='remark' name='dayBudget' class='text form-control' maxlength='255' style='width: 250px'/>" +
                "</div>" +
                "</div>" +
                "<div class='form-group'>" +
                "<label class='col-sm-12 no-padding-right' for='txtOldPwd' style='padding-top: 7px;margin-bottom: 0;text-align: left;'>当前出价: " +
                "<span class='control-span'>" + adOffer + " </span>" +
                "</label>" +
                "<div class='col-sm-12'>" +
                "<div class='space-4'></div>" +
                "<div class='form-group'>" +
                "<label class='col-sm-2 no-padding-right' for='txtNewPwd1' style='padding-top: 7px;margin-bottom: 0;text-align: left;'>修改出价: </label>" +
                "<div class='col-sm-9 remark-input'>" +
                "<input  id='money-remark' name='adOffer' class='text form-control' maxlength='255' style='width: 250px'/>" +
                "<span>"+offerMessage+"</span>" +
                "</div>" +
                "</div>" +
                "</form></div><p class='hint'>温馨提示：出价和日预算修改后，第二天生效；若不修改，第二天的广告出价和日预算仍按照当前出价进行投放。</p>",
                buttons: {
                    "success": {
                        "label": "<i class='icon-ok'></i> 保存",
                        "className": "btn-sm btn-primary",
                        "callback": function () {
                            var pattern = /^([1-9][\d]{0,7}|0)(\.[\d]{1,2})?$/;
                            var re = new RegExp(pattern);
                            var dayBudget = $("#remark").val();
                            var adOffer = $("#money-remark").val();
                            var minAdOffer = 0;
                            if(1==frontCampaignType){
                                minAdOffer = pcMinAdOffer;
                            }else{
                                minAdOffer = mobileMinAdOffer;
                            }

                            if (!re.test(dayBudget)) {
                                bootbox.dialog({
                                    title:"提示",
                                    message: "请正确输入金额,金额不小于0且最多输入两位小数",
                                    buttons: {
                                        "success": {
                                            "label": "<i class='icon-ok'></i> 确定",
                                            "className": "btn-sm btn-primary",
                                            "callback": function () {
                                            }
                                        }
                                    }
                                });
                                return false;
                            }
                            if (!re.test(adOffer)||minAdOffer>parseFloat(adOffer)) {
                                bootbox.dialog({
                                    title:"提示",
                                    message: "请正确输入金额,最多输入两位小数,且最低出价为"+minAdOffer,
                                    buttons: {
                                        "success": {
                                            "label": "<i class='icon-ok'></i> 确定",
                                            "className": "btn-sm btn-primary",
                                            "callback": function () {
                                            }
                                        }
                                    }
                                });
                                return false;
                            }
                            var data = {"adOffer": adOffer,"dayBudget": dayBudget};
                            $.ajax({
                                url: "/campaigns/edit/ad_offer/and/day_budget/" + type,
                                type: "POST",
                                dataType: "json",
                                data: data,
                                cache: false,
                                async: false,
                                success: function (data) {
                                    bootbox.dialog({
                                        title:"提示",
                                        message: "修改成功",
                                        buttons: {
                                            "success": {
                                                "label": "<i class='icon-ok'></i> 确定",
                                                "className": "btn-sm btn-success",
                                                "callback": function () {
                                                    $("#dayBudget").html(dayBudget);
                                                    $("#adOffer").html(adOffer);
                                                    if(type==1){
                                                        $("#pcDayBudget").val(dayBudget);
                                                        $("#pcAdOffer").val(adOffer);
                                                    }else if(type==2){
                                                        $("#mobileDayBudget").val(dayBudget);
                                                        $("#mobileAdOffer").val(adOffer);
                                                    }
                                                    return true;
                                                }
                                            }
                                        }
                                    });
                                }
                            });
                        }
                    },
                    "cancel": {
                        "label": "<i class='icon-info'></i> 取消",
                        "className": "btn-sm btn-default",
                        "callback": function () {
                        }
                    }
                }
            });   
        }

    }
    adAdd.init();

});




